<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>帖子详情页</title>

    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/detail.css">

</head>

<body>
    <div class="nav">
        <img src="pic/logo2.jpg" alt="">
        <span class="blog-title">论坛</span>
        <div class="space"></div>
        <a class="nav-span" href="blog_list.html">主页</a>
        <a class="nav-span" href="blog_edit.html">发帖</a>
        <a class="nav-span" href="#" onclick="logout()">注销</a>
    </div>

    <div class="container">
        <div class="left">
            <div class="card">
                <img src="pic/doge.jpg" alt="">
                <h3>我是作者</h3>
                <a href="#">GitHub 地址</a>
                <div class="row">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="row">
                    <span>2</span>
                    <span>1</span>
                </div>
            </div>
        </div>
        <div class="right">
            <div class="content">
                <div class="title"></div>
                <div class="date"></div>
                <div class="detail">

                </div>
                <div class="operating">

                </div>
            </div>

        </div>
    </div>

    <!-- 引入 editor.md 的依赖 -->
    <link rel="stylesheet" href="blog-editormd/css/editormd.css" />
    <script src="js/jquery.min.js"></script>
    <script src="blog-editormd/lib/marked.min.js"></script>
    <script src="blog-editormd/lib/prettify.min.js"></script>
    <script src="blog-editormd/editormd.min.js"></script>
    <script src="blog-editormd/editormd.js"></script>
    <script src="js/common.js"></script>
    <script>

        //显示博客作者信息
        var userUrl = "/user/getAuthorInfo" + location.search;
        //getUserInfo(userUrl);

        function deleteBlog() {
            if (confirm("确认删除")) {
                $.ajax({
                    url: "/blog/delete" + location.search,
                    type: "post",
                    success: function (result) {
                        if (result.code == "SUCCESS" && result.data) {
                            // 删除成功
                            location.href = "blog_list.html";
                        } else {
                            alert(result.errMsg);
                        }
                    },
                    error: function (error) {
                        if (error != null && error.status == 401) {
                            location.href = "blog_login.html";
                        }
                    },
                });
            }
        }

        $.ajax({
            // 直接从 url 中获取问号 '?' 后面的字符串
            url: "/blog/getBlogById" + location.search,
            type: "get",
            success: function (result) {
                if (result.code == "SUCCESS") {
                    // 因为只有一篇文章的详情页
                    // 所以直接填充进 <div class="content"> 标签底下
                    var blog = result.data;
                    $(".content .title").text(blog.title);
                    $(".content .date").text(blog.createTime);
                    $(".content .detail").text(blog.content);
                    // editormd.markdownToHTML("detail",{
                    //     markdown: blog.content
                    // });

                    // 判断是否显示删除/编辑按钮
                    if (blog.loginUser) {
                        var html = "";
                        html += '<button onclick="window.location.href=\'blog_update.html?blogId=' + blog.id + '\'">编辑</button>';
                        html += '<button onclick="deleteBlog(' + blog.id + ')">删除</button>';
                        $(".content .operating").html(html);
                    }
                }
            },
            // 当返回结果是错误的一个处理方法
            error: function (error) {
                if (error != null && error.status == 401) {
                    location.href = "blog_login.html";
                }
            },
        });

        // // 根据文章id获取该文章作者的用户信息
        // $.ajax({
        //     // 文章id可以通过url获取
        //     url: "/user/getUserByBlogId" + location.search,
        //     type: "get",
        //     success: function(result) {
        //         if(result.code == "SUCCESS" && result.data != null) {
        //             // 若成功且存在用户信息
        //             var userInfo = result.data;
        //             // 将用户名称信息填充在标签 <left> 下的 <card> 下的 <h3> 中
        //             $(".left .card h3").text(userInfo.userName);

        //             // 将用户githun地址填充在标签 <left> 下的 <card> 下的 <a> 中
        //             $(".left .card a").attr("href", userInfo.githubUrl);
        //         }else {
        //             // 若业务请求处理失败或用户不存在，提升信息
        //             alert("用户信息处理失败请重新请求");
        //         }
        //     },

        //     // 当返回结果是错误的一个处理方法
        //     error: function (error) {
        //         if (error != null && error.status == 401) {
        //             location.href = "blog_login.html";
        //         }
        //     },
        // });

        getUserInfo("/user/getUserByBlogId" + location.search);
    </script>
</body>

</html>